<script setup>
const route = useRoute()

// 检查是否为登录或注册页面
const isAuthPage = computed(() => {
  return route.path === '/login' || route.path === '/register'
})
</script>

<template>
  <div class="layout-wrapper" :class="{ 'auth-page': isAuthPage }">
    <AppHeader />
    <main class="main-content">
      <slot />
    </main>
    <AppFooter />
  </div>
</template>

<style scoped>
.layout-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f7fafc;
  /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); */
}

.layout-wrapper.auth-page {
  background: white;
}

.main-content {
  flex: 1;
}
</style>
